<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>我的钱包</title>
	<link rel="stylesheet" href="../css/common.css">
	<style>
		.wallet{
			padding: 1rem;
		}
		.tixian{
			background-color: #fece47;
			border-radius: 8px;
			padding: 1rem;
			font-weight: bold;
			margin-bottom: 1rem;
		}
		.keti{
			float: left;
			line-height: 2.125rem;
		}
		.tixianBtn{
			float: right;
			height: 2.125rem;
			width: 3.75rem;
			text-align: center;
			line-height: 2.125rem;
			border-radius: 8px;
			background-color: #000;
			color: #fece47;
		}
		.profit{
			margin-top: 2rem;
		}
		.today{
			float: left;
		}
		.all{
			float: right;
		}
		.historyTitle{
			color: #888;
		}
		.historyBox{
			margin-top: .5rem;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
			padding: 0 1rem;
		}
		.historyList{
			padding: 1rem 0;
			border-bottom: 1px solid #f5f5f5;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.tixianTime{
			margin-bottom: .5rem;
		}
		.fail{
			color: #FF0000;
		}
	</style>
</head>
<body>
	<div class="tabsBox">
		<div class="topTab">
			<div class="tabLeft">
				<img src="../assets/left_J.png" >
			</div>
			<div class="tabCenters">我的钱包</div>
			<!-- <div class="tabRight">收益说明</div> -->
		</div>
	</div>
	<div class="wallet">
		<div class="tixian">
			<div class="tixianList cleardrift">
				<div class="keti">可提现余额: 3242.11</div>
				<div class="tixianBtn">提现</div>
			</div>
			<div class="profit cleardrift">
				<div class="today">今日收益: 3242.11</div>
				<div class="all">累计收益: 3242.11</div>
			</div>
		</div>
		<div class="history">
			<div class="historyTitle">提现纪录</div>
			<div class="historyBox">
				<div class="historyList">
					<div class="listLeft">
						<div class="tixianTime">2019-09-12 12:11:12</div>
						<div class="tixianState">提现申请</div>
					</div>
					<div class="listRight">
						<div class="tixianMoney">1000</div>
						<div class="success">(成功)</div>
					</div>
				</div>
				
				<div class="historyList">
					<div class="listLeft">
						<div class="tixianTime">2019-09-12 12:11:12</div>
						<div class="tixianState">提现申请</div>
					</div>
					<div class="listRight">
						<div class="tixianMoney">1000</div>
						<div class="fail">(失败)</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
</html>